a {
    cursor: pointer;
}



@media screen and (min-width: 600px)  {

    html,body, div{
        box-sizing: border-box;
    }

    .video-container {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 80px;
        overflow: hidden;
    }

    .video-control {
        position: absolute;
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
        bottom: 80px;
        right: 0;
        display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
        display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
        display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
        display: -moz-box;      /* 老版本语法: Firefox (buggy) */
        display: -ms-flexbox;   /* 混合版本语法: IE 10 */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 998;
        background: rgba(34,34,34,0.6);
    }

    .video-head-wrap {
        position: relative;
        width: 100%;

        /*left: 0;*/
        /*top: 0;*/
        padding-bottom: 49.47862356621481% !important;
    }

    .container, .mobile {
        display: none;
    }

    /*.flex-box {*/
    /*display: -webkit-box;  !* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. *!*/
    /*display: -moz-box;     !* 老版本语法: Firefox (buggy) *!*/
    /*display: -ms-flexbox;  !* 混合版本语法: IE 10 *!*/
    /*display: -webkit-flex; !* 新版本语法: Chrome 21+ *!*/
    /*display: flex;         !* 新版本语法: Opera 12.1, Firefox 22+ *!*/

    /*}*/

    .flex-1{
        -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 1;      /* OLD - Firefox 19- */
        -webkit-flex: 1;       /* Chrome */
        flex: 1;
        -ms-flex: 1;           /* IE 10 */
        /*flex: 1;               !* NEW, Spec - Opera 12.1, Firefox 20+ *!*/
    }

    .flex-row {
        /* 09版 */
        -webkit-box-orient: horizontal;
        /* 12版 */
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
    }

    .flex-column {
        /* 09版 */
        -webkit-box-orient: vertical;
        /* 12版 */
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (min-width: 960px) and (max-width: 1410px){
    .expert-button {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    * {
        margin: 0;
        padding: 0;
        list-style: none;
        box-sizing: border-box;
    }

    html,body{
        overflow: hidden;
        overflow-y: scroll;
        font-size: 62.5%;
        -webkit-overflow-scrolling: touch;
    }

    section {
        -webkit-overflow-scrolling: touch;
    }

    .pc{
        display: none;
    }

    .mobile {
        display: block;
    }
    .container{
        width: 100%;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        background: #fff;
        -webkit-overflow-scrolling : touch;
        /*overflow: hidden;*/
        /*overflow-y: scroll;*/
    }
    header{
        width: 100%;
        height: 5rem;
        /* background: #fff; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
        margin-bottom:5rem;
    }
    header>span{
        display: block;
        width: 6.5rem;
        height:6.5rem;
    }
    header>span>img{
        width: 6.5rem;
        height:6.5rem;
    }
    .left{
        /* width: 3.2rem; */
        height:3.2rem;
        position: relative;
    }
    .left>span{
        display: block;
        /* width: 3.2rem; */
        height: 3.2rem;
        line-height: 3.2rem;
        text-align: center;
        font-size: 2rem;
        color:#fff;
    }
    .list{
        display: none;
        position: absolute;
        right:0;
        top:3.8rem;
        width: 12rem;
        height:auto;
        background: #888;
    }
    .list>li{
        width: 90%;
        height:4rem;
        margin:0 auto;
        border-bottom:solid .1rem #ccc;
    }
    .list>li>a{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.6rem;
        line-height: 4rem;
        text-align: center;
        color:#fff;
    }
    .bb{
        position: absolute;
        top:-.8rem;
        right:.7rem;
        display: block;
        width: 0rem;
        height: 0rem;
        border-left: 1rem solid transparent;
        border-right: 1rem solid transparent;
        border-bottom: 1rem solid #888;
    }
    section{
        width: 100%;
        height:auto;
        /*flex: 1;*/
    }
    .banner{
        width: 100%;
        height:auto;
        /* background: #000; */
        padding:1rem 0;
        background: url(/images/home/zd-bg.png) no-repeat;
        background-size:100% 100%;
    }
    .tops{
        width: 80%;
        margin:1rem auto;
    }
    .tops>h2{
        font-size: 4rem;
        color:#fff;
        text-align: center;
    }
    .tops>p{
        width: 100%;
        text-align: center;
        color:#fff;
        font-size: 1.6rem;
        margin-bottom:8rem;
    }
    .list_ul,.olo_ol{
        width: 100%;
        height:auto;
        display: flex;
        align-items: center;
        padding:.5rem 0;
        margin-bottom:2rem;
    }
    .list_ul>li{
        width: 33.333%;
        height:auto;
    }
    .olo_ol>li{
        width: 100%;
    }
    .list_ul>li>i,.olo_ol>li>i{
        display: block;
        width: 3rem;
        height:3rem;
        margin:0 auto;
        margin-bottom:1rem;
    }
    .list_ul>li>i>img,.olo_ol>li>i>img{
        width: 3rem;
        height:3rem;
    }
    .list_ul>li>b,.olo_ol>li>b{
        display: block;
        width: 100%;
        text-align: center;
        color:#fff;
        font-size: 1.4rem;
        font-weight: normal;
    }
    .list_ul>li>p{
        width: 100%;
        text-align: center;
        font-size: 1.2rem;
        color:#fff;
    }
    .nav{
        background: #fff;
    }
    .content{
        width: 100%;
        height:auto;
        padding:1rem 0;
        background: url(/images/home/zd-bg.png) no-repeat;
        background-size:100% 100%;
    }
    .name_img{
        width: 70%;
        height:auto;
        margin:0 auto;

    }
    .name_img>img{
        width: 100%;
        height:100%;
        margin-top:2rem;
    }
    .h3{
        display: block;
        width: 70%;
        height:auto;
        margin:0 auto;
        color:#14D8CC;
        font-size: 1.8rem;
        margin-top:2rem;
    }
    .psp{
        display: block;
        width: 70%;
        height:auto;
        margin:0 auto;
        color:#fff;
        font-size: 1.4rem;
        margin-top:.5rem;
    }
    .box{
        width: 70%;
        height:auto;
        margin:0 auto;
        margin-top:2rem;
        color:#fff;
    }
    .box_item{
        margin-bottom:2em;
    }
    .bg{
        position: relative;
        width: 100%;
        height:30rem;
        background: url(/images/home/export-bg.png) no-repeat;
        background-size:100% 100%;
    }
    .bg-b{
        width: 100%;
        height:100%;
        overflow: hidden;
        overflow-x: scroll;
        display: flex;
        flex-wrap: nowrap;
    }
    .ulu{
        position: relative;
        width:100%;
        height:100%;
        flex-shrink: 0;
    }
    .ulu>li{
        width:70%;
        height:20rem;
        position: absolute;
        left:0;
        top:0;
        bottom:0;
        right:0;
        margin:auto;
        background: rgba(0,0,0,.8);
    }
    .ulu>li>span{
        display: block;
        width: 5rem;
        height:7rem;
        margin:0 auto;
        padding-top:1.5rem;
    }
    .ulu>li>span>i{
        display: block;
        width: 3.2rem;
        height:3.4rem;
        margin:0 auto;
        background: url(/images/home/pe-vc-l.png) no-repeat;
        background-size:100% 100%;
        margin-bottom:.3rem;
    }
    .ulu:nth-of-type(2)>li>span>i{
        width: 3.2rem;
        height:3.5rem;
        background: url(/images/home/consultation-l.png) no-repeat;
        background-size:100% 100%;
    }
    .ulu:nth-of-type(3)>li>span>i{
        width: 3.2rem;
        height:3.2rem;
        background: url(/images/home/funding-l.png) no-repeat;
        background-size:100% 100%;
    }
    .ulu:nth-of-type(4)>li>span>i{
        width: 3.2rem;
        height:3.1rem;
        background: url(/images/home/enterprises-l.png) no-repeat;
        background-size:100% 100%;
    }
    .ulu:nth-of-type(5)>li>span>i{
        width: 3.2rem;
        height:3rem;
        background: url(/images/home/government-l.png) no-repeat;
        background-size:100% 100%;
    }
    .ulu:nth-of-type(6)>li>span>i{
        width: 3.2rem;
        height:3.2rem;
        background: url(/images/home/person-l.png) no-repeat;
        background-size:100% 100%;
    }
    .ulu>li>span>b{
        display: block;
        width: 100%;
        text-align: center;
        color:#fff;
        font-weight: normal;
        font-size: 1.4rem;
    }
    .ulu>li>p{
        width: 80%;
        height:auto;
        margin:0 auto;
        color:#fff;
        font-size: 1.4rem;
        margin-top:1.5rem;
    }
    .ulu>li>button{
        border:none;
        outline: none;
        display: block;
        width: 50%;
        height:2.5rem;
        margin:0 auto;
        border-radius: .5rem;
        background: #14D8CC;
        color:#fff;
        line-height: 2.5rem;
        text-align: center;
        font-size: 1.6rem;
        margin-top:1.5rem;
    }
    .expert-content{
        width: 100%;
        height:30rem;
        background: url(/images/home/export-bg.png) no-repeat;
        background-size:auto 100%;
        padding-top:6.5rem;
    }
    .expert-content>h2{
        /* position: relative; */
        width: 90%;
        height:4rem;
        margin:0 auto;
        line-height: 4rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color:#fff;
        font-size: 1.6rem;
    }
    .expert-content>h2>span:nth-of-type(1){
        /* position: absolute; */
        display: inline-block;
        width: 1rem;
        height:2rem;
        border-top:.2rem solid #14D8CC;
        border-left:.2rem solid #14D8CC;
    }
    .expert-content>h2>span:nth-of-type(2){
        display: inline-block;
        width: 1rem;
        height:2rem;
        border-bottom:.2rem solid #14D8CC;
        border-right:.2rem solid #14D8CC;
    }
    .expert-content>p{
        width: 80%;
        margin:0 auto;
        color:#fff;
        font-size: 1.4rem;
        margin-top:3rem;
    }
    .expert-content>button{
        border:none;
        outline: none;
        display: block;
        width: 30%;
        height:2.5rem;
        margin:0 auto;
        border-radius: .5rem;
        background: #14D8CC;
        color:#fff;
        line-height: 2.5rem;
        text-align: center;
        font-size: 1.6rem;
        margin-top:2.5rem;
    }
    .img{
        width:100%;
        height:auto;
        margin:0 auto;
        display: flex;
        margin-bottom:5rem;
    }
    .img>ol{
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }
    .img>ol>li{
        position: relative;
        width: 50%;
        height: auto;
    }
    .img>ol>li>span{
        display: block;
        width: 100%;
        height:auto;
    }
    .img>ol>li>span>img{
        width: 100%;
        height:auto;
    }
    .img>ol>li>a{
        display: block;
        width: 100%;
        height:100%;
        position: absolute;
        top:0;
        left:0;
        display: flex;
        align-items: center;
        justify-content: center;
        color:#fff;
        font-size: 1.6rem;
        background: rgba(0,0,0,.3);
    }
    .contract{
        display: flex;
        flex-direction: column;
        width: 100%;
        height:auto;
        background: url(/images/contact-form-bg.png) no-repeat;
        background-size:auto 100%;
        padding-top:1rem;
    }
    .navs{
        background: rgba(0,0,0,0);
    }
    .forms{
        width: 80%;
        height:auto;
        margin:0 auto;
    }
    .forms>p{
        position: relative;
        width: 100%;
        height:4rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom:2rem;
        border:solid .2rem #666;
        background: rgba(0,0,0,.5);
    }
    ::-webkit-input-placeholder{
        font-size: 1.6rem;
        color:#f8f8f8;
    }
    .forms>p>input{
        border:none;
        outline: none;
        width: 100%;
        height:100%;
        background: rgba(0,0,0,.3);
        padding-left:1rem;
        color:#f8f8f8;
        font-size: 1.6rem;
    }
    .forms>p>select{
        display: block;
        width: 100%;
        height:100%;
        flex-shrink: 0;
        border:none;
        outline: none;
        background: rgba(0,0,0,.3);
        color:#f8f8f8;
        font-size: 1.6rem;
        padding-left:1rem;
    }
    .forms>p>select>option{
        display: block;
        width: 10rem;
    }
    #span{
        position: absolute;
        right:1.1rem;
        top:1.5rem;
        display: block;
        width: 0;
        height:0;
        border:solid .6rem #fff;
        border-left:solid .6rem rgba(0,0,0,.3);
        border-right:solid .6rem rgba(0,0,0,.3);
        border-bottom:solid .6rem rgba(0,0,0,.3);
    }
    .bottom{
        width: 100%;
        /*height:15rem;*/
        padding:1rem 0;
        background: #242323;
        border:none;
        /*margin-bottom:5rem;*/
    }
    .Tocode{
        width: 70%;
        height:auto;
        margin:0 auto;
        margin-top:4rem;
        display: flex;
        justify-content: space-between;
    }
    .Tocode>span{
        margin-top: 2rem;
    }
    .Tocode>a{
        margin-top: 2rem;
    }
    .miaoshu{
        width: 100%;
        text-align: center;
        margin-top:1.5rem;
        color:#fff;
        font-size: 1.6rem;
    }
    .copy-right{
        width: 100%;
        height: 5rem;
        padding:1rem 2rem;
        margin:0 auto;
        background: #121212;
        color:#999999;
        font-size: 1.4rem;
        text-align: center;
        border:none;
    }

    #spa{
        position: relative;
    }
    #i{
        position: absolute;
        left:-2.35rem;
        top:-9rem;
        display: block;
        width: 8rem;
        height:8rem;
        padding:.1rem;
    }
    #img{
        width: 7.7rem;
        height: 7.7rem;
    }

    .primary-nav--container a{
        color: #000;
    }
    .bann{
        width: 100%;
        height:auto;
    }
    .bann>img{
        width: 100%;
        height:3rem;
    }
    .contents{
        width: 100%;
        height:auto;
        margin-top:2rem;
    }
    .us-item-up-mobile{
        width: 90%;
        margin:0 auto;
        /*padding-left: 4rem;*/
        background: #fff;
        border-radius: 1rem;
        margin-bottom:2rem
    }
    .us-item-up-mobile img{
        width: 100%;
    }
    .table{
        width: 90%;
        margin:0 auto;
        display: flex;
        flex-wrap: wrap;
        background: #fff;
        margin-bottom:3rem
    }
    .table>li{
        width: 50%;
        /*padding-left: 1.5rem;*/
        padding: 2rem 0;
        padding-left: 1rem;
    }
    .table>li:nth-of-type(1){
        border-right: solid #eee .1rem;
        border-bottom: solid #eee .1rem;
    }
    .table>li:nth-of-type(2){
        border-bottom: solid #eee .1rem;
    }
    .table>li:nth-of-type(3){
        border-right: solid #eee .1rem;
    }
    .table>li:nth-of-type(4){

    }
    .table>li>div{
        /*text-align: center;*/
    }
}